<template>
  <div>
    <div>
        <h3>账号：{{userDetail.userAccount}}</h3>
    </div>
    <div>
        <h3>姓名：{{ userDetail.userName }}</h3>
    </div>
    <div>
        <h3>年龄：{{userDetail.userAge}}</h3>
    </div>
    <div>
        <h3>性别：{{userDetail.userSex}}</h3>
    </div>
    <div>
        <h3>角色：{{userDetail.userSole}}</h3>
    </div>
    <div>
        <h3>电话：{{userDetail.userPhone}}</h3>
    </div>
  </div>
</template>

<script>
export default {
    name:'UserDetail',
    props:['userAccount', 'userName', 'userPhone', 'userSole', 'userSex', 'userAge'],
    data(){
        return {
            userDetail:{
                userAccount: this.$props.userAccount,
                userName: this.$props.userName,
                userSole: this.$props.userSole,
                userSex: this.$props.userSex,
                userAge: this.$props.userAge,
                userPhone: this.$props.userPhone
            }
        }
    }
}
</script>

<style scoped>
    div{
        margin-top: 20px;
        margin-left: 20px;
    }
</style>